<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0,user-scalable=no">
    <title>远联公益系统</title>
    <style>
        .header {
            height: 59px;
            border-bottom: 1px solid #c42e2e;
            background-color: #c42e2e;
        }

        .header .layui-nav {
            position: absolute;
            right: 0;
            top: 0;
            padding: 0;
            background: #8D8D8D;
        }

        .header p {
            font-size: x-large;
            font-weight: bold;
            color: #FFFFFF;
            position: absolute;
            left: 20px;
            top: 13px;
        }

        .layui-form-item p {
            margin-left: 10px;
        }

        .layui-form-item button {
            width: 60%;
            margin-bottom: 20px;
        }
    </style>
    <#include "_css.ftl">
</head>
<body class="layui-layout-body" style="background-color: #F5F6FA">
<div class="layui-header header header-doc" >
    <p >心理素质测试</p>
</div>
<form class="layui-form" action="/submit_survey" style="margin-top: 10px">
    <div class="layui-form-item">
        <p>1、你何时感觉最好</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="1" title="早晨" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="1" title="下午及傍晚" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="1" title="夜里" lay-skin="primary">
        </div>
    </div>
    <div class="layui-form-item">
        <p>2、你走路时是...</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="2" title="大步快走" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="2" title="小步快走" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="2" title="不快，仰着头面对着" lay-skin="primary">
        </div>
    </div>
    <div class="layui-form-item">
        <p>3、和人说话时，你...</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="3" title="手臂交迭地站着" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="3" title="双手紧握着" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="3" title="一只手或双手放在身旁" lay-skin="primary">
        </div>
    </div>
    <div class="layui-form-item">
        <p>4、坐着休息时，你的...</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="4" title="两膝并拢" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="4" title="两腿交叉" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="4" title="两腿伸直" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="4" title="一腿卷在身上" lay-skin="primary">
        </div>
    </div>

    <div class="layui-form-item">
        <p>5、碰到你感到发笑的事情，你的反应是...</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="5" title="一个欣赏的大笑" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="5" title="笑着，但不大声" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="5" title="轻声地笑" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="5" title="害羞地笑" lay-skin="primary">
        </div>
    </div>

    <div class="layui-form-item">
        <p>6、当你去一个派对或社交场合时，你...</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="6" title="很大声地入场以引起注意" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="7" title="安静地入场，找你认识的人" lay-skin="primary">
        </div>
    </div>

    <div class="layui-form-item">
        <p>7、当你非常专心工作时，有人打断你，你会...</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="7" title="欢迎他" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="7" title="感到非常恼怒" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="7" title="在两者之间" lay-skin="primary">
        </div>
    </div>

    <div class="layui-form-item">
        <p>8、你最喜欢哪一种颜色？</p>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="8" title="红色" lay-skin="primary" checked>
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="8" title="黄色" lay-skin="primary">
        </div>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="radio" name="8" title="绿色" lay-skin="primary">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label" style="width: 200px ;text-align: left"> 地址</label>
        <div class="layui-input-block" style="margin-left: 10px">
            <input type="text" name="title" required lay-verify="required" placeholder="请输入您的地址" autocomplete="off"
                   class="layui-input" style="width: 90%">
        </div>
    </div>

    <div class="layui-form-item">
        <div style="text-align: center">
            <button class="layui-btn" lay-submit="" lay-filter="demo2">跳转式提交</button>
        </div>

    </div>
</form>
</body>
<#include "_js.ftl">
<script>
    $(function () {
        var form = layui.form;
        form.render();
    })
</script>
</html>